<%--
  Created by IntelliJ IDEA.
  User: fujia
  Date: 2016/6/30
  Time: 18:37
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="s" uri="/struts-tags" %>

<!-- navbar -->
<div class="app-header navbar">
    <!-- navbar header -->
    <div class="navbar-header bg-dark">
        <button class="pull-right visible-xs dk" data-toggle="class:show" data-target=".navbar-collapse">
            <i class="glyphicon glyphicon-cog"></i>
        </button>
        <button class="pull-right visible-xs" data-toggle="class:off-screen" data-target=".app-aside" ui-scroll="app">
            <i class="glyphicon glyphicon-align-justify"></i>
        </button>
        <!-- brand -->
        <a href="#/" class="navbar-brand text-lt">
            <img src="/resources/personal/img/logo.png" alt="." class="hide">
            <span class="hidden-folded m-l-xs">个人中心</span>
        </a>
        <!-- / brand -->
    </div>
    <!-- / navbar header -->

    <!-- navbar collapse -->
    <div class="collapse pos-rlt navbar-collapse box-shadow bg-white-only">
        <!-- buttons -->
        <div class="nav navbar-nav hidden-xs">
            <a href="#" class="btn no-shadow navbar-btn" data-toggle="class:app-aside-folded" data-target=".app">
                <i class="fa fa-dedent fa-fw text"></i>
                <i class="fa fa-indent fa-fw text-active"></i>
            </a>
            <a href class="btn no-shadow navbar-btn" data-toggle="class:show" data-target="#aside-user">
                <i class="icon-user fa-fw"></i>
            </a>
        </div>
        <!-- / buttons -->



        <!-- nabar right -->
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
                <a href="#" data-toggle="dropdown" class="dropdown-toggle clear" data-toggle="dropdown">
                    <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                        <img src="/resources/picture/head/<s:property value="#session.userId" />.png" alt="...">
                        <i class="on md b-white bottom"></i>
                    </span>
                    <span class="hidden-sm hidden-md"><s:property value="#session.username" /></span> <b class="caret"></b>
                </a>
                <!-- dropdown -->
                <ul class="dropdown-menu animated fadeInRight w">
                    <li class="wrapper b-b m-b-sm bg-light m-t-n-xs">
                        <div>
                            <p><s:property value="#session.username" /></p>
                        </div>
                        <progressbar value="60" class="progress-xs m-b-none bg-white"></progressbar>
                    </li>
                    <li>
                        <a href="/information.action">
                            <span class="badge bg-danger pull-right">30%</span>
                            <span>修改信息</span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <span class="badge bg-danger pull-right">3</span>
                            <span>通知</span>
                        </a>
                    </li>
                    <li>
                        <a href="/faq.action">
                            <span class="label bg-info pull-right">new</span>
                            <span>帮助</span>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a ui-sref="access.signin" href="/quit.action">退出</a>
                    </li>
                </ul>
                <!-- / dropdown -->
            </li>
        </ul>
        <!-- / navbar right -->

    </div>
    <!-- / navbar collapse -->
</div>
<!-- / navbar -->
